<template>
  <footer class="article-footer">

    <div class="share-container" style="text-transform: none;">
      <i class="fa fa-tag"></i>


      <!--todo 跳转-->
      <a class="tag-link" v-for="tag in  tags" :key="tag.id">
        {{tag.avatar}},
      </a>
     <!-- <a class="tag-link" href="/tags/Spring-Cloud/">Spring Cloud</a>,
      <a class="tag-link" href="/tags/Spring-Cloud-Alibaba前言/">Spring Cloud Alibaba前言</a>,
      <a class="tag-link" href="/tags/原创/">原创</a>-->
    </div>

    <!--<div class="share-container">



</div>

<a data-url="http://blog.didispace.com/spring-cloud-alibaba-release-0-9-0/" data-id="ck2woih37006xq7f7gtq2xazs" class="article-share-link"><i class="fa fa-share"></i>分享到</a>
<script>
(function ($) {
// Prevent duplicate binding
if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
    __SHARE_BUTTON_BINDED__ = true;
} else {
    return;
}
$('body').on('click', function() {
    $('.article-share-box.on').removeClass('on');
}).on('click', '.article-share-link', function(e) {
    e.stopPropagation();

    var $this = $(this),
        url = $this.attr('data-url'),
        encodedUrl = encodeURIComponent(url),
        id = 'article-share-box-' + $this.attr('data-id'),
        offset = $this.offset(),
        box;

    if ($('#' + id).length) {
        box = $('#' + id);

        if (box.hasClass('on')){
            box.removeClass('on');
            return;
        }
    } else {
        var html = [
            '<div id="' + id + '" class="article-share-box">',
                '<input class="article-share-input" value="' + url + '">',
                '<div class="article-share-links">',
                    '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                    '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                    '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                    '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                '</div>',
            '</div>'
        ].join('');

      box = $(html);

      $('body').append(box);
    }

    $('.article-share-box.on').hide();

    box.css({
        top: offset.top + 25,
        left: offset.left
    }).addClass('on');

}).on('click', '.article-share-box', function (e) {
    e.stopPropagation();
}).on('click', '.article-share-box-input', function () {
    $(this).select();
}).on('click', '.article-share-box-link', function (e) {
    e.preventDefault();
    e.stopPropagation();

    window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
});
})(jQuery);
</script>
-->
    <!--

--><!--
    <span style="display:inline-block;width:111px;float: right;">
                <a style="float:left;text-decoration:none;" target="_blank"
                   href="https://www.banquanyin.com/u/101704220005917">
                    <img src="https://s1.banquanyin.com/c/icon-yin-32.png" title="更多授权" style="width:inherit;"/>
                </a>
                <a target="_blank" href="https://101704220005917.bqy.mobi">
                    <img src="https://s1.banquanyin.com/c/icon-auth-cr-32.png" title="获取授权" style="width:inherit;">
                </a>
            </span>-->
  </footer>
</template>

<script>
    export default {
      props: {
        tags: Array
      },
    }
</script>

<style >

</style>
